.continueSignin {
    p {
        margin: 0;
    }

    .title {
        position: absolute;
        top: -17px;
        left: 15px;

        width: 137px;
        height: 39px;

        font-size: 15px;
        line-height: 30px;
        color: #ff6047;
        text-align: center;
        background-image: url("./images/title_bg.png");
        background-repeat: no-repeat;
        background-size: contain;

        strong {
            font-size: 18px;
            margin: 0px 5px;/*no*/
        }
    }

    .tip {
        padding-top: 28px;
        margin-left: 12px;

        font-size: 12px;
        color: #999;

        strong {
            color: #ff6047;
            font-weight: normal;
        }
    }

    .signinList {
        margin-top: 4px;

        list-style: none;
        padding: 0;

        & > li {
            position: relative;

            display: inline-flex;
            flex: none;
            width: 69px;
            height: 94px;
            margin: 6px 12px;
            border-radius: 4px;/*no*/

            color: #999;
            background-image: url("./images/unsigned_bg.png");
            background-repeat: no-repeat;
            background-size: contain;

            .days {
                position: absolute;
                top: 15.5px;
                
                width: 100%;

                font-size: 14px;
                text-align: center;
            }

            .coin {
                position: absolute;
                bottom: 4.5px;

                width: 100%;
                text-align: center;
    
                font-size: 15px;
                line-height: 1.3em;
            }

            .award {
                position: absolute;
                right: -7px;
                bottom: -3px;

                width: 34px;
                height: 35px;

                background-repeat: no-repeat;
                background-size: contain;
                
                &.lottery {
                    background-image: url("./images/lottery_unreached.png");
                }

                &.redbag {
                    background-image: url("./images/lottery_unreached.png");
                }
            }
        }

        & > li.signed {
            background-image: url("./images/signed_bg.png");
            box-shadow: 0 3px 8px 0 rgba(255, 114, 79, 0.4);/*no*/

            .days {
                color: #fff;
            }
            .coin {
                color: #ff6047;
            }
            .award {
                &.lottery {
                    background-image: url("./images/lottery_reached.png");
                }

                &.redbag {
                    background-image: url("./images/lottery_reached.png");
                }
            }
        }
    }
}